@use '../../../../theme/pages.scss';
@use '../../../../theme/cards.scss';

mat-checkbox {
    margin-left: 15px;
}

button {
    margin-left: 15px;
    margin-bottom: 12px;
}

.filterFormField {
    width: 300px;
    display: inline-block;
    margin-right: 15px;
}

.containerFormField {
    width: 300px;
    display: inline-block;
    margin-right: 15px;
}

.dateFormField {
    width: 300px;
    display: inline-block;
    margin-right: 15px;
}

.timeSinceForm {
    width: 300px;
    display: inline-block;
    margin-right: 15px;
}

.sinceInput {
    width: 225px;
    display: inline-block;
}

.sinceUnitSelect {
    width: 75px;
    display: inline-block;
}

.timeFromForm {
    display: inline-block;
    margin-right: 15px;
}

.timeToForm {
    display: inline-block;
    margin-right: 15px;
}

#optionButtons {
    display: inline-block;
}

.logList {
    width: 100%;
    height: 100vh;
    display: block;
    overflow: auto;
    border-style: solid;
    border-color: #888888;
    border-width: thin;
    border-radius: 5px;
    background-color: black;
}

li {
    list-style: none;
    white-space: break-spaces;
    font-weight: 300;
    font-size: 12px;
    font-family: Lucida Console, Courier, monospace;
    color: #FFFFFF;
}

.logTimestamp {
    color: #8a8a8a
}

.logWarn {
    color: #fffd6f
}

.logError {
    color: #fa3232
}
